.flex {
  display: flex;
  @at-root {
    &-ac {
      align-items: center;
    }
    &-as {
      align-items: flex-start;
    }
    &-ae {
      align-items: flex-end;
    }
    &-js {
      justify-content: flex-start;
    }
    &-jc {
      justify-content: center;
    }
    &-je {
      justify-content: flex-end;
    }
    &-jsb {
      justify-content: space-between;
    }
    &-wrap {
      flex-wrap: wrap;
    }
    &-col {
      flex-direction: column;
    }
  }
}
